﻿/* Wrapper for the different components */
.wjs-comboBox {
    position: relative; /* This will create a positioning context for the list of options */
    background-color: white;
    display: flex;
}

.wjs-comboBox-display {
    border: 1px solid black;
    display: flex;
    flex: 1;
}

.wjs-comboBox-display-content {
    flex: 1;
}

.wjs-comboBox-arrow {
    background-image: url(images/combo_arrow.png);
}

.wjs-comboBox-box {
    /* This will make sure our list of options will be displayed below the value and out of the HTML flow */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    box-sizing: border-box;
    background-color: beige;
    border: 1px solid black;
    z-index: 20000 !important; /* Biggest of all widgets */
    overflow: auto;
}

.wjs-comboBox-option {
    text-wrap: avoid;
    overflow: hidden;
}
